<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="/WEB-INF/include/common_tag.jsp" %>
<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8" />
		<title>中智融通</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />

		<!-- basic styles -->

		<link href="<%=request.getContextPath()%>/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="<%=request.getContextPath()%>/lib/font-awesome-4.0.3/css/font-awesome.min.css" />
		<link rel="stylesheet" href="<%=request.getContextPath()%>/lib/tiny/css/tiny-ui.css" />

		<!-- ace styles -->

		<link rel="stylesheet" href="<%=request.getContextPath()%>/lib/tiny/css/tiny.min.css" />
		<link rel="stylesheet" href="<%=request.getContextPath()%>/lib/tiny/css/tiny-rtl.min.css" />
		<link rel="stylesheet" href="<%=request.getContextPath()%>/lib/tiny/css/tiny-skins.min.css" />
		<link rel="stylesheet" href="<%=request.getContextPath()%>/lib/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" />
		<link rel="stylesheet" href="<%=request.getContextPath()%>/lib/tiny/css/tiny-uploader.css" />
		<!--[if lte IE 8]>
		<link rel="stylesheet" href="<%=request.getContextPath()%>/lib/tiny/css/tiny-ie.min.css" />
		<![endif]-->

		<!-- inline styles related to this page -->

		<!-- ace settings handler -->

		<script src="<%=request.getContextPath()%>/lib/tiny/js/tiny-extra.min.js"></script>

		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

		<!--[if lt IE 9]>
		<script src="<%=request.getContextPath()%>/lib/html5shiv.js"></script>
		<script src="<%=request.getContextPath()%>/lib/respond.min.js"></script>
		<![endif]-->
		<script>
			var contextPath = '<%=request.getContextPath()%>';
		</script>
	</head>

	<body>
		<div class="navbar navbar-default" id="navbar">
			<script type="text/javascript">
				try {
					ace.settings.check('navbar', 'fixed')
				} catch(e) {
				}
			</script>

			<div class="navbar-container" id="navbar-container">
				<div class="navbar-header pull-left">
					<a href="#" class="navbar-brand">
						<img alt="公司Logo" src="images/logo.jpg"/>
					</a><!-- /.brand -->
				</div><!-- /.navbar-header -->
				<div class="navbar-header pull-right" role="navigation" id="navigation">
					<ul class="nav ace-nav">
						<li class="light-blue">
							<a data-toggle="dropdown" class="dropdown-toggle" href="#">
								<i class="fa fa-bell fa-animated-bell"></i>
								<span class="badge badge-important" id="totalCount">0</span>
							</a>

							<ul class="pull-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
								<li class="dropdown-header">
									<i class="fa fa-warning-sign"></i>
									工单信息
								</li>

								<li data-value="0" data-role="count">
									<a href="#">
										<div class="clearfix">
											<span class="pull-left"><i class="btn btn-xs no-hover btn-pink fa fa-comment"></i>未派发 </span>
											<span class="pull-right badge badge-pink" data-role="value">0</span>
										</div>
									</a>
								</li>

								<li data-value="1" data-role="count">
									<a href="#">
										<div class="clearfix">
											<span class="pull-left"> <i class="btn btn-xs no-hover btn-info fa fa-comment"></i>已派发</span>
											<span class="pull-right badge badge-info" data-role="value">0</span>
										</div>
									</a>
								</li>
								<li data-value="2" data-role="count">
									<a href="#">
										<div class="clearfix">
											<span class="pull-left"> <i class="btn btn-xs no-hover btn-primary fa fa-comment"></i>已确认</span>
											<span class="pull-right badge badge-primary" data-role="value">0</span>
										</div>
									</a>
								</li>
								<li data-value="3" data-role="count">
									<a href="#">
										<div class="clearfix">
											<span class="pull-left"> <i class="btn btn-xs no-hover btn-info fa fa-comment"></i>维修中</span>
											<span class="pull-right badge badge-info" data-role="value">0</span>
										</div>
									</a>
								</li>
								<li data-value="4" data-role="count">
									<a href="#">
										<div class="clearfix">
											<span class="pull-left"> <i class="btn btn-xs no-hover btn-success fa fa-comment"></i>已完成</span>
											<span class="pull-right badge badge-success" data-role="value">0</span>
										</div>
									</a>
								</li>
								<li data-value="5" data-role="count">
									<a href="#">
										<div class="clearfix">
											<span class="pull-left"> <i class="btn btn-xs no-hover btn-success fa fa-comment"></i>已评价</span>
											<span class="pull-right badge badge-success" data-role="value">0</span>
										</div>
									</a>
								</li>
								<li data-value="6" data-role="count">
									<a href="#">
										<div class="clearfix">
											<span class="pull-left"> <i class="btn btn-xs no-hover btn-pink fa fa-comment"></i>已反馈</span>
											<span class="pull-right badge badge-pink" data-role="value">0</span>
										</div>
									</a>
								</li>
								<!-- <li data-value="7" data-role="count">
									<a href="#">
										<div class="clearfix">
											<span class="pull-left"> <i class="btn btn-xs no-hover btn-info fa fa-comment"></i>已删除</span>
											<span class="pull-right badge badge-info" data-role="value">0</span>
										</div>
									</a>
								</li> -->
								<li id="allRepair">
									<a href="#">
										查看所有工单
										<i class="fa fa-arrow-right"></i>
									</a>
								</li>
							</ul>
						</li>

						<li class="light-blue">
							<a data-toggle="dropdown" href="#" class="dropdown-toggle">
								<span class="user-info"> <small>欢迎光临,</small>${user.username} </span>

								<i class="fa fa-caret-down"></i>
							</a>

							<ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
								<li id="modifyPasswordBtn">
									<a href="#">
										<i class="fa fa-cog"></i>
										修改密码
									</a>
								</li>
								<li id="logoutBtn">
									<a href="#">
										<i class="fa fa-power-off"></i>
										退出
									</a>
								</li>
							</ul>
						</li>
					</ul><!-- /.ace-nav -->
				</div><!-- /.navbar-header -->
			</div><!-- /.container -->
		</div>

		<div class="main-container" id="main-container">
			<script type="text/javascript">
				try {
					ace.settings.check('main-container', 'fixed')
				} catch(e) {
				}
			</script>

			<div class="main-container-inner">
				<a class="menu-toggler" id="menu-toggler" href="#">
					<span class="menu-text"></span>
				</a>

				<div class="sidebar" id="sidebar">
					<script type="text/javascript">
						try {
							ace.settings.check('sidebar', 'fixed')
						} catch(e) {
						}
					</script>

					<div class="sidebar-shortcuts" id="sidebar-shortcuts">
						<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
							<button class="btn btn-success">
								<i class="fa fa-signal"></i>
							</button>

							<button class="btn btn-info">
								<i class="fa fa-pencil"></i>
							</button>

							<button class="btn btn-warning">
								<i class="fa fa-group"></i>
							</button>

							<button class="btn btn-danger">
								<i class="fa fa-cogs"></i>
							</button>
						</div>

						<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
							<span class="btn btn-success"></span>

							<span class="btn btn-info"></span>

							<span class="btn btn-warning"></span>

							<span class="btn btn-danger"></span>
						</div>
					</div><!-- #sidebar-shortcuts -->

					<ul class="nav nav-list" id="menuList">
						
				
						
					</ul><!-- /.nav-list -->

					<div class="sidebar-collapse" id="sidebar-collapse">
						<i class="fa fa-angle-double-left" data-icon1="fa fa-angle-double-left" data-icon2="fa fa-angle-double-right"></i>
					</div>

					<script type="text/javascript">
						try {
							ace.settings.check('sidebar', 'collapsed')
						} catch(e) {
						}
					</script>
				</div>

				<div class="main-content">
					<div class="breadcrumbs" id="breadcrumbs">
						<script type="text/javascript">
							try {
								ace.settings.check('breadcrumbs', 'fixed')
							} catch(e) {
							}
						</script>

						<ul class="breadcrumb" id="breadcrumb">
							<li id="firstPage">
								<i class="fa fa-home home-icon"></i>
								<a href="#">
									首页
								</a>
							</li>
							
						</ul><!-- .breadcrumb -->
					</div>

					<div class="page-content">
						<div class="row">
							<div class="col-xs-12" id="pageContents" style="margin-top: 21px;">
								
							</div>
						</div>
					</div>
				</div>

				<div class="ace-settings-container" id="ace-settings-container">
					<div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
						<i class="fa fa-cog bigger-150"></i>
					</div>

					<div class="ace-settings-box" id="ace-settings-box">
						<div>
							<div class="pull-left">
								<select id="skin-colorpicker" class="hide">
									<option data-skin="default" value="#438EB9">#438EB9</option>
									<option data-skin="skin-1" value="#222A2D">#222A2D</option>
									<option data-skin="skin-2" value="#C6487E">#C6487E</option>
									<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
								</select>
							</div>
							<span>&nbsp; 选择皮肤</span>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar" />
							<label class="lbl" for="ace-settings-navbar"> 固定导航条</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />
							<label class="lbl" for="ace-settings-sidebar"> 固定滑动条</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-breadcrumbs" />
							<label class="lbl" for="ace-settings-breadcrumbs">固定面包屑</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" />
							<label class="lbl" for="ace-settings-rtl">切换到左边</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" />
							<label class="lbl" for="ace-settings-add-container"> 切换窄屏 <b></b> </label>
						</div>
					</div>
				</div><!-- /#ace-settings-container -->
			</div><!-- /.main-container-inner -->

			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="fa fa-angle-double-up bigger-110"></i>
			</a>
		</div><!-- /.main-container -->

		<!-- basic scripts -->
		<script src="<%=request.getContextPath()%>/lib/jquery-1.11.0.min.js"></script>
		<script src="<%=request.getContextPath()%>/lib/bootstrap/js/bootstrap.min.js"></script>
		<script src="<%=request.getContextPath()%>/lib/seajs/sea.js" id="seajsnode"></script>
        <script src="<%=request.getContextPath()%>/lib/seajs/seajs-log.js"></script>
		<!-- ace scripts -->
		<script src="<%=request.getContextPath()%>/lib/tiny/js/tiny-elements.min.js"></script>
		<script src="<%=request.getContextPath()%>/lib/tiny/js/tiny.min.js"></script>
		<script src="<%=request.getContextPath()%>/lib/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
		<script src="<%=request.getContextPath()%>/lib/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
	    <script src="<%=request.getContextPath()%>/lib/tiny/js/tiny-ui.js"></script>
	    <script src="<%=request.getContextPath()%>/lib/tiny/js/tiny.tree.min.js"></script>
	    <script src="<%=request.getContextPath()%>/lib/tiny/js/tiny-uploader.js"></script>
		<script src="<%=request.getContextPath()%>/js/main.js"></script>
		<script src="<%=request.getContextPath()%>/lib/swfUpload/swfupload.js"></script>
		<script src="<%=request.getContextPath()%>/lib/echarts/echarts-plain.js"></script>
		<script src="<%=request.getContextPath()%>/lib/echarts/echarts-plain-map.js"></script>
		<script>
            seajs.config({
                base: '<%=request.getContextPath()%>/js/'
            });
            var userId = '${user.id}';
        </script>
	</body>
</html>
